<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
    <title>消息中心</title>
    <link rel="stylesheet" href="./css/news_center.css">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <style>
        .top_right{
            text-decoration: none;color: #ffffff;font-size: 1rem;
            display: flex;justify-content: center;align-items: center;  font-weight: bold;
        }
    </style>
    <link rel="stylesheet" href="./css/comment.css">
</head>
<body>
<div class="index_top">
    <div  class="top_left">
        <img class="l_img" src="image/index_image/back.png" alt="">
    </div>
    <div class="top_contant">
        消息中心
    </div>
    <a class="top_right" href="index.html">
        返回首页
    </a>
</div>
<div class="new_list">
    <a class="news_item" href="news_detail.html">
        <div class="news_item_l">
            <div class="news_item_l_s hhh"><span></span> 系统消息</div>
            <div class="news_item_l_s"><span class="wenzhang">66173交易平台欢迎你</span></div>
        </div>
        <div class="news_item_r">
            <img class="imgimgimg" src="image/person_center/right_arrow.png" alt="">
        </div>
    </a>
</div>
</body>
<script>
    $(".wenzhang").each(function(){
        if($(this).text().length>20){
            $(this).html($(this).text().substring(0,20)+"...")
        }else{
            $(this).html($(this).text())
        }
    })
    $(".top_left").click(function () {
        history.back()
    })
</script>
</html>
